<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我校首次参加装配式建筑全国总决赛荣获佳绩</title>
    <link rel="icon" href="images/common/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/common_con.css">
</head>
<body>
<!-- 页头 -->
<header>
    <div class="container depart">
        <a href="index.html" class="left">
            <img src="images/common/logo.png" alt="西南科技大学城市学院" title="西南科技大学城市学院">
        </a>
        <!-- 导航栏 -->
        <nav class="right">
            <a href="index.html">西城主页</a>
            <a href="cc_profile.html">学校概况</a>
            <a href="cc_research.html">教学科研</a>
            <a href="cc_department.html">院系设置</a>
            <a href="http://zs.ccswust.edu.cn/">招生就业</a>
        </nav>
    </div>
</header>
<!-- 主体内容 -->
<main class="cf">
    <div class="container focus">
        <h1>我校首次参加装配式建筑全国总决赛荣获佳绩</h1>
        <div class="focusTime left">
            <p>12 / <span>11</span></p>
            <p>2020</p>
            <p>西城新闻</p>
            <p>——&emsp;分享&emsp;——</p>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
        <div class="focusContent left">
            <img src="images/focus/news_01.png" alt="">
            <p>12月5日，2020年全国行业职业技能竞赛 ——“中国建设杯”第三届全国装配式建筑职业技能竞赛（学生组）全国总决赛，在河南建筑职业技术学院落下帷幕。我校经过四川赛区选拔赛后不断总结经验、优化方法，遴选项目参加全国总决赛。在比赛中，经过构件深化设计和构件
                制作与安装两类赛项的激烈角逐，我校荣获构件深化设计二等奖1项、构件制作与安装三等奖1项。<br/>
                &emsp;&emsp;本次比赛由中国建设教育协会、中国就业培训技术指导中心主办，河南建筑职业技术学院承办。
                旨在通过举办大赛，在住房城乡建设领域选拔和培养装配式建筑高技能人才，促进建筑产业转型升级和高质量发展。本次大赛的参赛院校均由各省的选拔赛脱颖而出，其中参加构件深化设计赛项的院校共计114所，参加构件制作与安装的院校共计148所，我校系首次参加此项大赛。
                <br/>&emsp;&emsp;据悉，我校在去年组织了西南地区土建类专业教学研究协作组第八届年会，会上装配式建筑方式、数字建筑、智能建造等土建类的高频新词汇不断出现。来自重庆、贵阳、成都等地的100余位专家教授齐聚绵阳共话土建类相关热点话题。今年我校又成功举办了由四川省教育厅主办，四川省测绘地理信息学会的指导和支持的“南方测绘杯”第六届四川省大学生测绘技能竞赛。建筑工程学院常务副院长李嘉华告诉我们：通过参加各类专业学科竞赛，学生不断地在竞赛中巩固理论知识，在人才培养上直接对接实际工程所需，不断改进与优化培养方式。对现有的装配式建筑实训基地硬件条件进行完善升级，力争以最有效、实用的方式完善实训条件，进一步满足教学建设需要，进一步提高我校人才培养的特色和质量，为我校提质升位做出更多的贡献。</p>
            <p><span>————</span>&emsp;THE END&emsp;<span>————</span></p>
            <p>来源：西南科技大学城市学院党委宣传部 | 大学生传媒中心</p>
            <!-- 评论框 -->
            <div class="comment">
                <h2>全部评论<b>文明上网理性发言，遵守<span id="news">新闻评论规范</span></b><i id="comNum">0条评论</i></h2>
                <div class="comIcon">
                    <i class="layui-icon layui-icon-reply-fill" style="font-size: 30px; color: #8D8D8D"></i>
                </div>
                <form action="">
                    <label for="text"></label><textarea name="" id="text"></textarea>
                </form>
                <form action="javascript:void(0)" method="post">
                    <input type="submit" value="评论" id="comInput">
                </form>
            </div>
            <ul id="comText"></ul>
            <div class="turn">
                <a href="#">上一篇：我校着力培养学生创新能力</a>
                <a href="#">下一篇：我校用“三全育人”理念 提升保障人员综合素质</a>
            </div>
        </div>
        <div class="focusLink left">
            <p>其他分类</p>
            <a href="focus_notice.html" class="link">
                <span>通知公告</span>
            </a>
            <a href="focus_cooper.html" class="link">
                <span>合作办学</span>
            </a>
            <p style="margin-top: 50px;">全文检索</p>
            <label>
                <input type="search" >
                <button type="submit">检索</button>
            </label>
            <p>校园风光</p>
            <a href="#">
                <img src="images/focus/school_01.png" alt="">
                <p>西南科技大学城市学院游仙校区小河</p>
            </a>
        </div>
    </div>
</main>
<!-- 页脚 -->
<footer>
    <div class="footCopy left">
        <div class="container">
            <p>版权所有 © 西南科技大学城市学院</p>
            &emsp; | &emsp;
            <p>地址：绵阳市游仙区三星路11号</p>
            &emsp; | &emsp;
            <p>邮编：100871</p>&emsp; | &emsp;
            <p>蜀ICP备10208837</p>
            &emsp; | &emsp;
            <p>蜀公网安备 110402430047 号</p>
        </div>
    </div>
</footer>
<!-- 遮罩层 -->
<div class="mask"></div>
<!--模态框-->
<div class="modal">
    <div class="modal-title">
        <h4>新闻评论规范守则</h4>
        <span id="fork">&times;</span>
    </div>
    <p>用户在当前平台发表言论时，不得含有以下内容:</p>
    <p>一、用户使用新闻评论服务，不得逾越法律法规、社会主义制度、国家利益、公民合法权益、社会公共秩序、道德风尚和信息真实性“七条底线”；应尊重其他用户合法权益及公民个人隐私，尊重社会公序良俗，遵守国家法律法规。</p>
    <p>二、用户应当按照“后台实名、前台自愿”的原则，通过真实身份信息认证并注册账号后，使用本网站的新闻评论服务。对注册用户发表的新闻评论，我们保留相应的管理权利。</p>
    <p>三、用户在平台发表言论时，不得含有以下内容：</p>
    <p>&emsp;&emsp;(一) 反对宪法确定的基本原则的；</p>
    <p>&emsp;&emsp;(二) 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</p>
    <p>&emsp;&emsp;(三) 损害国家荣誉和利益的，煽动民族仇恨、民族歧视，破坏民族团结的；</p>
    <p>&emsp;&emsp;(四) 散布谣言，扰乱社会秩序、破坏社会稳定的；</p>
    <p>&emsp;&emsp;(五) 煽动地域歧视、地域仇恨的；</p>
    <p>&emsp;&emsp;(六) 煽动非法集会、结社、游行、示威、聚众扰乱社会秩序的；</p>
    <p>&emsp;&emsp;(七) 破坏国家宗教政策，宣扬邪教和迷信的；</p>
    <p>三、对违反上述承诺的用户，我们有权拒绝发布、删除评论、短期禁止发言直至永久关闭注册账号等管理措施。同时，对涉嫌违法犯罪的言论将保存在案、并向有关政府部门如实报告。</p>
    <span class="closeBtn" id="closeMask">关闭</span>
</div>
<script>
    // 获取到提交按钮
    let comment = document.querySelector("#comInput");
    // 获取到插入信息的列表
    let comList = document.querySelector("#comText");
    // 获取到文本域内容
    let textCon = document.querySelector("#text");
    // 评论计数
    let count = 0,result = 0,pic = 0;
    // 用户名
    let user = ["你吃了吗","吃了吗你","你妈吃了","吃你吗了","吃嘛了你"];
    // 用户头像
    let userPic = ["images/focus/user_01.png","images/focus/user_02.png","images/focus/user_03.png","images/focus/user_04.png"];
    comment.addEventListener('click',() => {
        if(textCon.value === ""){
            textCon.placeholder = "请输入内容!";
        }else{
            // 创建li元素
            let comLi = document.createElement("li");
            // 创建img元素
            let comImg = document.createElement("img");
            // 创建h2元素
            let comH2 = document.createElement("h2");
            // 创建h2内部的span元素
            let comSpan = document.createElement("span");
            // 创建p元素
            let comP = document.createElement("p");
            // 创建第二个p元素
            let compSec = document.createElement("p");
            // 创建第一个i元素
            let comIc_01 = document.createElement("i");
            let comIc_02 = document.createElement("i");
            let comLink_01 = document.createElement("a");
            let comLink_02 = document.createElement("a");
            // 把li元素插入到ul中
            comList.insertBefore(comLi,comList.firstElementChild);
            // 把img元素插入到li中
            comLi.insertBefore(comImg,comLi.firstElementChild);
            comImg.src = userPic[pic];
            pic++;
            if(pic === 4){
                pic = 0;
            }
            // 把h2追加到img末尾
            comLi.appendChild(comH2);
            comH2.innerText = user[result];
            result++;
            if(result === 5){
                result = 0;
            }
            // 把span元素插入li中
            comH2.appendChild(comSpan);
            comSpan.innerText = "1分钟前";
            // 把第一个p元素插入li中
            comLi.appendChild(comP);
            comP.innerHTML = textCon.value;
            textCon.value = "";
            // 把第二个p元素插入li中
            comLi.appendChild(compSec);
            // 把第一个i元素插入到第二个p元素中
            compSec.appendChild(comIc_01);
            comIc_01.className = "layui-icon layui-icon-praise";
            // 把第一个a元素插入到第二个p元素中
            compSec.appendChild(comLink_01);
            comLink_01.style.marginRight = "30px";
            comLink_01.innerHTML = "赞 0";
            // 把第一个i元素插入到第二个p元素中
            compSec.appendChild(comIc_02);
            comIc_02.className = "layui-icon layui-icon-dialogue";
            compSec.appendChild(comLink_02);
            comLink_02.innerHTML = "回复";

            // 评论数
            count++;
            let comLiNum = document.querySelector("#comNum");
            comLiNum.innerHTML = count + "条评论";
        }
    });

    // 获取新闻规范元素
    let newsModal = document.querySelector("#news");
    // 获取遮罩层
    let mask = document.querySelector(".mask");
    // 获取模态框
    let modal = document.querySelector(".modal");
    // 获取关闭按钮
    let closeBtn = document.querySelector("#closeMask");
    // 获取关闭图标
    let forkBtn = document.querySelector("#fork");

    // 显示模态框
    newsModal.addEventListener('click',() => {
        mask.style.display = "block";
        modal.style.display = "block";
    });
    // 隐藏模态框
    let clo = [mask,closeBtn,forkBtn];
    clo.forEach((v) => {
        v.addEventListener('click',() => {
            mask.style.display = "none";
            modal.style.display = "none";
        });
    });
</script>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</body>
</html>